<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib  prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib  prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="redis" uri="http://www.shopjsp.com/redisTag/functions" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="srcPath" value="${redis:getSysConfig('sysFileVisitRoot_back')}"/>
<c:set var="basePath" value="${redis:getSysConfig('base_path_back')}"/>
<c:set var="uploadPath" value="${redis:getSysConfig('uploadFileVisitRoot')}"/>
<c:set var="htmlPath" value="${redis:getSysConfig('in_path_html')}"/>
<c:set var="defaultImg" value="${redis:getSysConfig('website_default_img')}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>手机首页楼层数据信息</title>
	<jsp:include page="../../util/import.jsp"/>
	<link  rel="stylesheet" type="text/css" href="${srcPath}basic/css/tree.css"/>
	<script type="text/javascript" src="${srcPath}phone/js/jquery.simple.phoneHomeCategory.tree.listLink.js"></script>
	<script type="text/javascript">
        var simpleTreeCollection;
        var id="";
        $(document).ready(function(){

            simpleTreeCollection = $('.simpleTree').simpleTree({
                autoclose: true,
                afterClick:function(node){
                    id=$('span:first',node).attr("pid");

                },
                afterDblClick:function(node){

                },
                afterMove:function(destination, source, pos){

                },
                afterAjax:function()
                {
                },
                animate:true
                //,docToFolderConvert:true
            });
            //获取单个对象，或者：var obj = document.getElementById('2')
            var obj = $("#2")[0];// 2 为需要展开的根目录id
            simpleTreeCollection.each(function(){
                this.nodeToggle(obj);//自动触发展开
            });
            showTable(1,1);
        });

        //点击name触发
        function showTable(id,level){
            var url="${basePath}/back/phoneHomeCategoryInfo/gotoPhoneHomeCategoryInfoPage.htm";
            $("#iframe").attr("src",url+"?categoryId="+id);
            $("#iframeDIV").show();
		}
	</script>
</head>
<body>
<jsp:include page="../../util/item.jsp"/>
<!-- 查询框  -->
<div class="main">
	<div style="width: 19%;float: left; ">
		<div class="treeCommonMain">
			<div class="treeCommonBox">
				<ul class="simpleTree">
					<li class="root" id='1' style="margin:  0 0 0 -13px;">
						<ul>
							<li id='2'>
								<span> &nbsp;&nbsp;手机首页全部楼层分类</span>
								<ul class="ajax">
									<li id='3'>
										{url:${basePath}/back/phoneHomeCategory/getNodes.htm?parentId=0}
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 	右侧列表 begin -->
	<div style="width: 80%;display: none;padding-left: 10px;overflow-y:auto;overflow-x:auto; float: left; height:100%" id="iframeDIV" >
		<iframe id="iframe"  frameborder="0" height="750px" width="100%" scrolling="no"/>
	</div>
	<br clear="all"/>
	<!-- 	右侧列表 end -->
</div>
</body>
</html>
